<template>
  <a-flex vertical gap="small">

    <a-typography-title>Ytab</a-typography-title>

    <div>
      <a-tag color="success">
        <template #icon>
          <CodeOutlined/>
        </template>
        Vue.js
      </a-tag>
      <a-tag color="cyan">
        <template #icon>
          <ThunderboltOutlined/>
        </template>
        Vite
      </a-tag>
      <a-tag color="processing">
        <template #icon>
          <AntDesignOutlined/>
        </template>
        AntDesign
      </a-tag>
      <br>

    </div>
    <a-flex gap="small" align="center">
      <a-typography-text strong>版本号:</a-typography-text>
      <a-typography-text code>V1.0.0.beta</a-typography-text>
    </a-flex>


    <a-divider orientation="left">介绍</a-divider>

    <a-typography-title :level="5">屎山也是山</a-typography-title>

  </a-flex>

</template>
<script setup>
import {
  CodeOutlined,
  ThunderboltOutlined,
  AntDesignOutlined

} from '@ant-design/icons-vue';
</script>